<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

	<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
	</h:head>

	<h:body>
	    <ui:composition template="/XHTML/CommonColumnsContent.xhtml">
			<ui:define name="header">
				<ui:include src="/WEB-INF/facelets/header.jspx" />
			</ui:define>
        	<br/>
        	<br/> 
		<ui:define name="body">	
			<f:view>
			
			<p:ajaxStatus onstart="statusDialog.show();" onsuccess="statusDialog.hide();"/>               
					<p:dialog modal="true" widgetVar="statusDialog" header="Loading"  draggable="false" closable="false">  
   						<p:graphicImage value="#{facesContext.externalContext.request.scheme}://#{facesContext.externalContext.request.serverName}:#{facesContext.externalContext.request.serverPort}#{facesContext.externalContext.request.contextPath}/images/ajaxloadingbar.gif" />   
					</p:dialog>
		 
		 <h:form id="form">
			<div align="center">
               <h:link id="cmdBack" outcome="goInitialMenu" value="Back" style="color:blue;" />
			 </div>
			 <br />
			 
			<p:panel id="msgProjectClientesTitle" header="UsuarioData">
					<p:messages id="msg" showDetail="true"/>
				<p:dataTable id ="tabla" value="#{usuarioView.data}" var="usuario"
					paginator="true" rows="5"  editable="true" >
					 
					 <p:ajax event ="rowEdit" update=":form:msg,:form:tabla" listener="#{usuarioView.rowEventListener}" />
					 
										  <p:column filterBy="#{usuario.alias}" sortBy="#{usuario.alias}" 
							headerText="alias">
							
								<p:cellEditor>
								
								<f:facet name="output">
									<h:outputText value="#{usuario.alias}"/>
								</f:facet>
							
								<f:facet name="input">
									<p:inputText value="#{usuario.alias}"/>
								</f:facet>
								</p:cellEditor>	
							</p:column>
										
										
											
						<p:column filterBy="#{usuario.apellido}" sortBy="#{usuario.apellido}" 
							headerText="apellido">
							
								<p:cellEditor>
								
								<f:facet name="output">
									<h:outputText value="#{usuario.apellido}"/>
								</f:facet>
							
								<f:facet name="input">
									<p:inputText value="#{usuario.apellido}"/>
								</f:facet>
								</p:cellEditor>	
							</p:column>
						
											
						<p:column filterBy="#{usuario.artistasVerEnvivo}" sortBy="#{usuario.artistasVerEnvivo}" 
							headerText="artistasVerEnvivo">
							
								<p:cellEditor>
								
								<f:facet name="output">
									<h:outputText value="#{usuario.artistasVerEnvivo}"/>
								</f:facet>
							
								<f:facet name="input">
									<p:inputText value="#{usuario.artistasVerEnvivo}"/>
								</f:facet>
								</p:cellEditor>	
							</p:column>
						
											
						<p:column filterBy="#{usuario.celular}" sortBy="#{usuario.celular}" 
							headerText="celular">
							
								<p:cellEditor>
								
								<f:facet name="output">
									<h:outputText value="#{usuario.celular}"/>
								</f:facet>
							
								<f:facet name="input">
									<p:inputText value="#{usuario.celular}"/>
								</f:facet>
								</p:cellEditor>	
							</p:column>
						
											
						<p:column filterBy="#{usuario.ciudadResidencia}" sortBy="#{usuario.ciudadResidencia}" 
							headerText="ciudadResidencia">
							
								<p:cellEditor>
								
								<f:facet name="output">
									<h:outputText value="#{usuario.ciudadResidencia}"/>
								</f:facet>
							
								<f:facet name="input">
									<p:inputText value="#{usuario.ciudadResidencia}"/>
								</f:facet>
								</p:cellEditor>	
							</p:column>
						
											
						<p:column filterBy="#{usuario.conocimientoMembresia}" sortBy="#{usuario.conocimientoMembresia}" 
							headerText="conocimientoMembresia">
							
								<p:cellEditor>
								
								<f:facet name="output">
									<h:outputText value="#{usuario.conocimientoMembresia}"/>
								</f:facet>
							
								<f:facet name="input">
									<p:inputText value="#{usuario.conocimientoMembresia}"/>
								</f:facet>
								</p:cellEditor>	
							</p:column>
						
											
						<p:column filterBy="#{usuario.correoElectronico}" sortBy="#{usuario.correoElectronico}" 
							headerText="correoElectronico">
							
								<p:cellEditor>
								
								<f:facet name="output">
									<h:outputText value="#{usuario.correoElectronico}"/>
								</f:facet>
							
								<f:facet name="input">
									<p:inputText value="#{usuario.correoElectronico}"/>
								</f:facet>
								</p:cellEditor>	
							</p:column>
						
											
						<p:column filterBy="#{usuario.deportePreferido}" sortBy="#{usuario.deportePreferido}" 
							headerText="deportePreferido">
							
								<p:cellEditor>
								
								<f:facet name="output">
									<h:outputText value="#{usuario.deportePreferido}"/>
								</f:facet>
							
								<f:facet name="input">
									<p:inputText value="#{usuario.deportePreferido}"/>
								</f:facet>
								</p:cellEditor>	
							</p:column>
						
											
						<p:column filterBy="#{usuario.direccionResidencia}" sortBy="#{usuario.direccionResidencia}" 
							headerText="direccionResidencia">
							
								<p:cellEditor>
								
								<f:facet name="output">
									<h:outputText value="#{usuario.direccionResidencia}"/>
								</f:facet>
							
								<f:facet name="input">
									<p:inputText value="#{usuario.direccionResidencia}"/>
								</f:facet>
								</p:cellEditor>	
							</p:column>
						
											
						<p:column filterBy="#{usuario.direccionTrabaja}" sortBy="#{usuario.direccionTrabaja}" 
							headerText="direccionTrabaja">
							
								<p:cellEditor>
								
								<f:facet name="output">
									<h:outputText value="#{usuario.direccionTrabaja}"/>
								</f:facet>
							
								<f:facet name="input">
									<p:inputText value="#{usuario.direccionTrabaja}"/>
								</f:facet>
								</p:cellEditor>	
							</p:column>
						
											
						<p:column filterBy="#{usuario.edad}" sortBy="#{usuario.edad}" 
							headerText="edad">
							
								<p:cellEditor>
								
								<f:facet name="output">
									<h:outputText value="#{usuario.edad}"/>
								</f:facet>
							
								<f:facet name="input">
									<p:inputText value="#{usuario.edad}"/>
								</f:facet>
								</p:cellEditor>	
							</p:column>
						
											
						<p:column filterBy="#{usuario.empresaTrabaja}" sortBy="#{usuario.empresaTrabaja}" 
							headerText="empresaTrabaja">
							
								<p:cellEditor>
								
								<f:facet name="output">
									<h:outputText value="#{usuario.empresaTrabaja}"/>
								</f:facet>
							
								<f:facet name="input">
									<p:inputText value="#{usuario.empresaTrabaja}"/>
								</f:facet>
								</p:cellEditor>	
							</p:column>
						
											
						<p:column filterBy="#{usuario.estadoCivil}" sortBy="#{usuario.estadoCivil}" 
							headerText="estadoCivil">
							
								<p:cellEditor>
								
								<f:facet name="output">
									<h:outputText value="#{usuario.estadoCivil}"/>
								</f:facet>
							
								<f:facet name="input">
									<p:inputText value="#{usuario.estadoCivil}"/>
								</f:facet>
								</p:cellEditor>	
							</p:column>
						
											
						<p:column filterBy="#{usuario.lugarNacimiento}" sortBy="#{usuario.lugarNacimiento}" 
							headerText="lugarNacimiento">
							
								<p:cellEditor>
								
								<f:facet name="output">
									<h:outputText value="#{usuario.lugarNacimiento}"/>
								</f:facet>
							
								<f:facet name="input">
									<p:inputText value="#{usuario.lugarNacimiento}"/>
								</f:facet>
								</p:cellEditor>	
							</p:column>
						
											
						<p:column filterBy="#{usuario.musicaPreferida}" sortBy="#{usuario.musicaPreferida}" 
							headerText="musicaPreferida">
							
								<p:cellEditor>
								
								<f:facet name="output">
									<h:outputText value="#{usuario.musicaPreferida}"/>
								</f:facet>
							
								<f:facet name="input">
									<p:inputText value="#{usuario.musicaPreferida}"/>
								</f:facet>
								</p:cellEditor>	
							</p:column>
						
											
						<p:column filterBy="#{usuario.nivelEducativo}" sortBy="#{usuario.nivelEducativo}" 
							headerText="nivelEducativo">
							
								<p:cellEditor>
								
								<f:facet name="output">
									<h:outputText value="#{usuario.nivelEducativo}"/>
								</f:facet>
							
								<f:facet name="input">
									<p:inputText value="#{usuario.nivelEducativo}"/>
								</f:facet>
								</p:cellEditor>	
							</p:column>
						
											
						<p:column filterBy="#{usuario.nombre}" sortBy="#{usuario.nombre}" 
							headerText="nombre">
							
								<p:cellEditor>
								
								<f:facet name="output">
									<h:outputText value="#{usuario.nombre}"/>
								</f:facet>
							
								<f:facet name="input">
									<p:inputText value="#{usuario.nombre}"/>
								</f:facet>
								</p:cellEditor>	
							</p:column>
						
											
						<p:column filterBy="#{usuario.paginasWebVisitadas}" sortBy="#{usuario.paginasWebVisitadas}" 
							headerText="paginasWebVisitadas">
							
								<p:cellEditor>
								
								<f:facet name="output">
									<h:outputText value="#{usuario.paginasWebVisitadas}"/>
								</f:facet>
							
								<f:facet name="input">
									<p:inputText value="#{usuario.paginasWebVisitadas}"/>
								</f:facet>
								</p:cellEditor>	
							</p:column>
						
											
						<p:column filterBy="#{usuario.pin}" sortBy="#{usuario.pin}" 
							headerText="pin">
							
								<p:cellEditor>
								
								<f:facet name="output">
									<h:outputText value="#{usuario.pin}"/>
								</f:facet>
							
								<f:facet name="input">
									<p:inputText value="#{usuario.pin}"/>
								</f:facet>
								</p:cellEditor>	
							</p:column>
						
											
						<p:column filterBy="#{usuario.profesion}" sortBy="#{usuario.profesion}" 
							headerText="profesion">
							
								<p:cellEditor>
								
								<f:facet name="output">
									<h:outputText value="#{usuario.profesion}"/>
								</f:facet>
							
								<f:facet name="input">
									<p:inputText value="#{usuario.profesion}"/>
								</f:facet>
								</p:cellEditor>	
							</p:column>
						
											
						<p:column filterBy="#{usuario.revistasLee}" sortBy="#{usuario.revistasLee}" 
							headerText="revistasLee">
							
								<p:cellEditor>
								
								<f:facet name="output">
									<h:outputText value="#{usuario.revistasLee}"/>
								</f:facet>
							
								<f:facet name="input">
									<p:inputText value="#{usuario.revistasLee}"/>
								</f:facet>
								</p:cellEditor>	
							</p:column>
						
											
						<p:column filterBy="#{usuario.sexo}" sortBy="#{usuario.sexo}" 
							headerText="sexo">
							
								<p:cellEditor>
								
								<f:facet name="output">
									<h:outputText value="#{usuario.sexo}"/>
								</f:facet>
							
								<f:facet name="input">
									<p:inputText value="#{usuario.sexo}"/>
								</f:facet>
								</p:cellEditor>	
							</p:column>
						
											
						<p:column filterBy="#{usuario.telefonoOficina}" sortBy="#{usuario.telefonoOficina}" 
							headerText="telefonoOficina">
							
								<p:cellEditor>
								
								<f:facet name="output">
									<h:outputText value="#{usuario.telefonoOficina}"/>
								</f:facet>
							
								<f:facet name="input">
									<p:inputText value="#{usuario.telefonoOficina}"/>
								</f:facet>
								</p:cellEditor>	
							</p:column>
						
											
						<p:column filterBy="#{usuario.telefonoResidencia}" sortBy="#{usuario.telefonoResidencia}" 
							headerText="telefonoResidencia">
							
								<p:cellEditor>
								
								<f:facet name="output">
									<h:outputText value="#{usuario.telefonoResidencia}"/>
								</f:facet>
							
								<f:facet name="input">
									<p:inputText value="#{usuario.telefonoResidencia}"/>
								</f:facet>
								</p:cellEditor>	
							</p:column>
						
											
						<p:column filterBy="#{usuario.idTipoDoc_TipoDocumento}" sortBy="#{usuario.idTipoDoc_TipoDocumento}" 
							headerText="idTipoDoc_TipoDocumento">
							
								<p:cellEditor>
								
								<f:facet name="output">
									<h:outputText value="#{usuario.idTipoDoc_TipoDocumento}"/>
								</f:facet>
							
								<f:facet name="input">
									<p:inputText value="#{usuario.idTipoDoc_TipoDocumento}"/>
								</f:facet>
								</p:cellEditor>	
							</p:column>
						
											
						<p:column filterBy="#{usuario.idTipoUsuario_TipoUsuario}" sortBy="#{usuario.idTipoUsuario_TipoUsuario}" 
							headerText="idTipoUsuario_TipoUsuario">
							
								<p:cellEditor>
								
								<f:facet name="output">
									<h:outputText value="#{usuario.idTipoUsuario_TipoUsuario}"/>
								</f:facet>
							
								<f:facet name="input">
									<p:inputText value="#{usuario.idTipoUsuario_TipoUsuario}"/>
								</f:facet>
								</p:cellEditor>	
							</p:column>
						
										
										   						 
						 <p:column filterBy="#{usuario.fechaNacimiento}" sortBy="#{usuario.fechaNacimiento}" 
							headerText="fechaNacimiento">
							
								<p:cellEditor>
								
								<f:facet name="output">
									<h:outputText value="#{usuario.fechaNacimiento}">
									  <f:convertDateTime  pattern="dd/MM/yyyy"/>
									</h:outputText>		
								</f:facet>
							
								<f:facet name="input">
									<p:calendar value="#{usuario.fechaNacimiento}" showOn="button" pattern="dd/MM/yyyy" navigator="true" >
									  <f:convertDateTime  pattern="dd/MM/yyyy" timeZone="#{usuarioView.timeZone}" />	
								    </p:calendar>		
								</f:facet>
								</p:cellEditor>	
							</p:column>
						
					   											
					<p:column headerText="Options" >
						<p:rowEditor id="row" />
						<p:tooltip for="row" value="Edit" showEffect="fade" hideEffect="fade" />
						<p:tooltip for="btnDelete" value="Delete" showEffect="fade" hideEffect="fade"/>
						<p:commandButton id="btnDelete" action="#{usuarioView.actionDeleteDataTableEditable}" title="Delete" onclick="return confirm('Do you really want to delete this Entry?')" icon="ui-icon-trash" update=":form:msg" >
						<f:setPropertyActionListener value="#{usuario}"  target="#{usuarioView.selectedUsuario}" />  
						</p:commandButton>
						
					</p:column>	
				
				</p:dataTable>	
					
				
			</p:panel>
				
	   </h:form>
		  </f:view>
	 </ui:define>	
	 
	  <ui:define name="footer">
		 <ui:include src="/WEB-INF/facelets/footer.jspx" />
	   </ui:define>	
	</ui:composition>
	
	</h:body>	
	
</html>	